<template>
  <div class="tabbar">
    <van-tabbar
      route
      active-color="#ff734c"
      inactive-color="#333"
    >
      <van-tabbar-item to="/home" icon="shouye" icon-prefix="icon">
        首页
      </van-tabbar-item>
      <van-tabbar-item to="/cate" icon="fenlei" icon-prefix="icon">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" :badge="$store.state.cart.number" icon="shouye1" icon-prefix="icon">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon="wode-wodefensi" icon-prefix="icon">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.tabbar{
  /deep/  .icon{
    font-size: 22px;
  }
}
</style>
